<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Tab选项卡——DOM结构搭建</title>
    <style>
      * {
        margin: 0;
        padding: 0;
      }
      body {
        background-color: #323232;
        font-size: 12px;
        font-family: "微软雅黑";
      }
    </style>
  </head>
  <body>
  	<div class="tab">
  		<ul class="tab-nav">
  			<li class="active"><a href="javascript:void(0)">新闻</a></li>
  			<li><a href="#">娱乐</a></li>
  			<li><a href="#">电影</a></li>
  			<li><a href="#">科技</a></li>
  		</ul>
  		<div class="content-wrap">
  			<div class="content-item current"></div>
  			<div class="content-item"></div>
  			<div class="content-item"></div>
  			<div class="content-item"></div>
  		</div>
  	</div>
  </body>
</html>